import React from 'react'

class UserInfo extends React.Component {
    render() {
        return (
            <div className="view-product">
                <div className="manage account-manage">
                    <div className="manage-head">
                        <h6 className="layout padding-left manage-head-con">账号管理</h6>
                    </div>
                    <dl className="account-basic userinfo-ct clearfix">
                        <dt className="fl">
                            <p className="account-head">
                                <img src="Images/noavatar_middle.gif"/>
                            </p>
                        </dt>
                        <dd className="fl margin-large-left margin-small-top">
                            <p className="text-small">
                                <span className="show fl base-name">会员账号</span>:<span className="margin-left">蔡大爷 </span>
                            </p>
                            <p className="text-small">
                                <span className="show fl base-name">认证状态</span>:
                                <span className="margin-left">已认证</span>
                            </p>
                            <p className="text-small">
                                <span className="show fl base-name">注册时间</span>:<span className="margin-left">2015-01-12 11:50:22</span>
                            </p>
                        </dd>
                    </dl>
                    <div className="account-basic userinfo-ct clearfix">
                        <span className="fl show text-small">您当前的账号安全程度</span>
                        <div className="progress-bar fl margin-large-left margin-large-35">
                            <div style={{background: 'rgb(255, 153, 0) none repeat scroll 0% 0%', width: '180px'}}
                                 data-width="100">
                            </div>
                        </div>
                        <span className="fl show text-small">安全级别: <span style={{color: 'rgb(255, 153, 0)'}}
                                                                         className="leval-safe">高</span></span>
                    </div>
                    <ul className="accound-bund userinfo-ct">
                        <li className="clearfix">
                            <span className="bund-className">登录密码</span>
                            <span className="w45">安全性高的密码可以使账号更安全，建议您定期更换密码，设置一个包含字母，符号或数字中至少两项且长度超过6位的密码。</span>
						<span className="fr margin-large-right">
						<i className="icon icon-been-set fl"></i>
						<em className="margin-right text-green-deep">已设置</em>
						            		|
						<a href="#" data-panel="modify_pass" data-title="修改密码-修改密码"
                           data-callback="$(&quot;#modify_pass&quot;).submit();" data-btn="下一步,取消"
                           className="button-word1 margin-left btn_ajax_open">修改</a>
						<input data-panel="modify_pass2" data-title="修改密码-修改完成" data-btn="完成"
                               data-callback="layer.closeAll();" className="modify_pass_setup2 btn_ajax_open"
                               value="第三步"
                               type="hidden"/>
						</span>
                        </li>
                        <li className="clearfix">
                            <span className="bund-className">邮箱绑定</span>
                            <span className="w45">绑定邮箱可以用于安全验证、找回密码等重要操作</span>
						<span className="fr margin-large-right">
						<i className="icon icon-been-set fl"></i>
						<em className="margin-right text-green-deep">已设置</em>
						            					            		|
						<a href="#" data-panel="modify-email-revise" data-title="修改绑定邮箱-邮箱验证" data-btn="发送验证到邮箱,取消"
                           data-callback="$(&quot;#modify_email&quot;).submit();"
                           className="button-word1 margin-left btn_ajax_open">修改</a>
						<input data-panel="modify-email-revise2" data-title="修改绑定邮箱-修改成功" data-btn="完成"
                               data-callback="layer.closeAll();" className="modif_email_setup2 btn_ajax_open"
                               type="hidden"/>
						</span>
                        </li>
                        <li className="clearfix">
                            <span className="bund-className">手机绑定</span>
                            <span className="w45">您已绑定了手机<em className="text-green-deep">155****44</em>，[您的手机为安全手机，可以找回密码，但不能用于登录；为保障您账户安全，如果换绑的手机，5天之内只能操作一次。]</span>
						<span className="fr margin-large-right">
						<i className="icon icon-been-set fl"></i>
						<em className="margin-right text-green-deep">已设置</em>
						            		|
						<a href="#" data-panel='modify_mobile' data-title='修改绑定手机-验证身份' data-btn='下一步,取消'
                           data-callback='$("#modify_mobile_sendsms").submit();'
                           className="button-word1 margin-left btn_ajax_open">修改</a>
						<input type="hidden" data-panel='modify_mobile2' data-title='修改绑定手机-验证手机' data-btn='下一步,取消'
                               data-callback='$("#modify_new_mobile_set").submit();'
                               className="modify_reset_mobile2 btn_ajax_open"/>
						<input type="hidden" data-panel='modify_mobile3' data-title='修改绑定手机-修改成功' data-btn='完成'
                               data-callback='layer.closeAll();' className="mobile-revise3-over btn_ajax_open"
                               value="第三步"/>
						</span>
                        </li>
                        <li className="clearfix">
                            <span className="bund-className">QQ绑定</span>
                            <span className="w45">短信账户查询,办公沟通高效轻松,企业实时通讯录，内部联络方便快捷。</span>
						<span className="fr margin-large-right">
						<i className="icon icon-unset fl"></i>
						<em className="margin-right text-yellow-deep">未设置</em>
											|
						<a href="#" className="button-word1 margin-left">设置</a>
						</span>
                        </li>
                        <li className="clearfix border-bottom-none">
                            <span className="bund-className">邀请链接</span>
                            <span className="w45" id="fe_text">http://t.cn/Edcx4Wt</span>
						<span className="fr margin-large-right">
						<a className="button-word1 margin-left" id="copy_button" data-clipboard-target="fe_text"
                           href="#">复制链接</a>
						</span>
                        </li>
                    </ul>
                </div>
            </div>
        )
    }
}
export default UserInfo